<template>
  <!--转盘-->
  <div>
  <div class="rotary_box">
    <div class="rotary_fuzhu"></div>
  </div>
  <div class="rotary_wrap">
    <a href="javascript:" class="looper_close" title="Close this thing"></a>
    <div class="rotaryArrow" title="Began to draw" id="rotaryArrow"></div>
    <div class="result">
      <li class="top_rotary">
        <a href="javascript:" id="resultBtn" title="close"><img :src="getImgUrl('chacha.png')" ></a>
      </li>
      <div class="form">
        <form id="form" name="form" action="" target="actionframe" enctype="multipart/form-data" method="post">
          <p class="rotary_title">留下您的联系方式即可上门领奖！</p>
          <div class="input">
            <span class="prize">奖品：</span>
            <input class="inp" type="text" style="cursor:not-allowed" readonly id="resultTxt">
            <input type="hidden" name="jp" id="resultTxt1">
          </div>
          <div class="input">
            <span>姓名：</span>
            <input class="inp" id="name" type="text" name="name">
          </div>
          <div class="input">
            <span>手机：</span>
            <input class="inp" id="tel" type="text" name="tel">
          </div>
          <div class="input">
            <input class="submit" type="submit" value="立即领取">
          </div>
        </form>
        <iframe name="actionframe" type="hidden" style="display: none;" width="0" height="0"></iframe>
      </div>
    </div>
  </div>
  </div>
</template>

<script>
    export default {
        name: "rotary",
      methods:{
        getImgUrl: function (imgsrc) {
          return "../../../static/images/rotary/" + imgsrc;
        },
      }
    }
</script>

<style scoped>

</style>
